@import "~iview/src/styles/index.less";

@primary-color: #75deef;
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.items-start {
  display: flex;
  align-items: flex-start;
}

.items-center {
  display: flex;
  align-items: center;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-end {
  display: flex;
  align-items: flex-end;
}
.title {
  position: absolute;
  display: inline-block;
  color: #6eddf1;
  background: #14418e;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15px;

  .title-4 {
    display: inline-block;
    padding: 5px 14px;
    background: radial-gradient(
      2.4rem 1rem ellipse,
      rgba(7, 9, 34, 0.8) 60%,
      rgb(21, 67, 145)
    );
  }
  .title-6 {
    display: inline-block;
    padding: 5px 14px;
    background: radial-gradient(
      3rem 0.9rem ellipse,
      rgba(7, 9, 34, 0.8) 60%,
      rgb(21, 67, 145)
    );
  }

  .title-8 {
    display: inline-block;
    padding: 5px 14px;
    background: radial-gradient(
      3.75rem 0.9rem ellipse,
      rgba(7, 9, 34, 0.8) 60%,
      rgb(21, 67, 145)
    );
  }

  .title-10 {
    display: inline-block;
    padding: 5px 14px;
    background: radial-gradient(
      4.75rem 0.9rem ellipse,
      rgba(7, 9, 34, 0.8) 60%,
      rgb(21, 67, 145)
    );
  }
}
.angle1 {
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  left: 0;
  border-top: 1px solid #1c5ab3;
  border-left: 1px solid #1c5ab3;
}

.angle2 {
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  right: 0;
  border-top: 1px solid #1c5ab3;
  border-right: 1px solid #1c5ab3;
}

.angle3 {
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #1c5ab3;
  border-left: 1px solid #1c5ab3;
}

.angle4 {
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #1c5ab3;
  border-right: 1px solid #1c5ab3;
}
